<div class="pin">
	<div class="info">
		<h4 class="info-header">{lang group_member}</h4>
		<div id="$group['group_id']_members" class="group-member">
		</div>
		<div id="pager" class="pagination text_c mt10 mb10 hide"></div>
	</div>
</div>
<script type="text/javascript" language="javascript">
			        $(document).ready(function() {
		  				{if $group['total_member']>0}
			            var totalPages = Math.ceil(Number({$group['total_member']})/10);
			            var gid = {$group['group_id']};
			            $("#pager").pager({ pagenumber: 1, pagecount: totalPages, buttonClickCallback: PageClick });
						if(totalPages>1){
							$("#pager").removeClass('hide');
						}
			            function PageClick(pageclickednumber) {
			                $("#pager").pager({ pagenumber: pageclickednumber, pagecount: totalPages, buttonClickCallback: PageClick });
							var data = {'groupid' : gid,'page' : pageclickednumber};
							ajaxpost('{url group/groupmembers}', data, 
								function(result){
									$('#' + gid + '_members').html(result.data);
									$('#waterfall').masonry('reload');
								},
								function(result){
									show_message('error',tip_error+' : '+$.trim(result.message),false,0);
								});
			            }
			            PageClick(1);
						{/if}
			     });
</script>
